/** Add css rules here for your application. */

.body {
    background:white;
    color: #7F7F7F;
    font-family: Arial Unicode MS, Arial, sans-serif;
    font-size: small;
    line-height: 1.7em;
    background: url(images/up-left-corner.png) no-repeat top left,
    url(images/bottom-left-corner.png) no-repeat bottom left,
    url(images/up-right-corner.png) no-repeat top right;
    background: url(images/up-left-corner.png)\0/;

}

.surveyPanel {
    position:absolute;
    padding: 2px;
    left:250px;
    border-style:solid;
    border-width: 2px;
    border-color: #d3d3d3;

    background-color: #fafad2;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;

}

.surveyPopUpPanel {
    z-index: 30000;

}

.survey-text {
    padding-right: 4px;
    padding-bottom: 4px;
    padding-left: 4px;

    font-size: smaller;

}

.surveyButton {
    padding-top: 10px;
    font-size: smaller;

}

.surveyPopUpPanel {
    border: 3px solid #BCBCBC;
    padding: 3px;
    background: white;
}

.surveyPopupText {

    width:500px;
    padding: 5px;

}

.survey-anchor {
}

.mainContainer {

    margin-right:50px;
    margin-left: 50px;
    padding-left: 30px;
    padding-top:20px;
    padding-bottom:50px;

}

/** Example rules used by the template application (remove for your app) */
h1 {

    padding-top:40px;
    font-size: 2em;
    font-weight: bold;
    font-style: italic ;
    color: #434041;
    text-align: left;
}

.sendButton {
    display: block;
    font-size: 16pt;
}

.error {
    color: red;
}

/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
    width: 400px;
}

.dialogVPanel {
    margin: 5px;
}

.serverResponseLabelError {
    color: red;
}


/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
    margin: 15px 6px 6px;
}

.ikupHomeText {

    padding:5px;
    margin:5px;
    width: 600px;
    font-size:12px;
}

.searchCaptionText {
    padding:5px;
    margin:5px;
    width: 400px;
    font-size:smaller;

}

.mainPageTitle {
    margin:	6em 7.5em;
    position:absolute;
    left:225px;
    top:0;
    height: 90px;
}

div.rpt-formfeedback {
    position: relative;
    left: 15px;
    top: 0px;
}

.treePanel {
    border-color: gray;
    border-style: dashed;
    border-width:1px;
}

.filterButton {
    float:right;
    padding:5px;
}

/* TAB PANEL */

.gwt-TabPanel {
    margin-top: 4px;
}

.gwt-TabPanelBottom {
    border-color: #92c1f0;
    border-style: solid;
    border-width: 3px 2px 2px;

    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    padding:5px;

    overflow: hidden;
    padding: 6px;
    background-color: white;
}

.gwt-TabBar {
    padding-top: 2px;
}

.gwt-TabBarItem {
    -moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    padding: 5px;
    background: -moz-linear-gradient(center bottom, #999999 0%,#ffffff 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #999999),color-stop(1, #ffffff));
}

.gwt-TabBarItem-selected {
    padding: 4px;
    font-weight: bold;
    cursor: default;

    background-color: #92c1f0;
    margin-right: 2px;
}



.popUpPanel {
    border: 3px solid #BCBCBC;
    padding: 3px;
    background: white;
    z-index: 10000;

}

.geneListHeader {
    background-color: #BCBCBC;
    color: #a9a9a9;
    font-style: italic;
}

.buttonPadding {
    padding: 5px;
}

.currentFilterBox {
    padding-left:5px;
}


.footer {
    padding-left:30px;
    width:900px;
}

.disclaimer {
    font-size:0.8EM;
}

.logos {
    width:900px;
    text-align:center;
}
.logo {
    padding:10px;
    width:95px;
    height:45px;
}

table.sparqlResultsTable {

    margin: 1em;
    font-size:0.8em;

}

th.sparqlResultsTable {
    padding: .3em;
    color: white;
    background-color:gray;
    text-align: left;
}

tr.odd {
    background-color: #ECECEC;
}

td.sparqlResultsTable {
    padding: .3em; border: 1px #ccc solid;
}

.generalText {

    width:800px;

}



.navtext {
    width:250px;
    font-size:8pt;
    border-width:2px;
    border-style:outset;
    border-color:darkgray;
    layer-background-color:lightyellow;
    background-color:lightyellow;
    color:black;
}


.twtr-widget {
    /*width: 280px; *//* this is important if you want to make any positioning */
    margin-left: 10px;
    padding-left:5px;

    /*** cross browser box shadow ***/
    -moz-box-shadow: 0 0 2px #fff;
    -webkit-box-shadow: 0 0 2px #fff;
    box-shadow: 0 0 2px #fff;

    /*** kind of cross browser rounded corner ***/
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.twtr-hd {
    display: none;
}

.twtr-ft { display: none; }

.twtr-reply { display: none; }

.twtr-rt { display: none; }

.twtr-fav { display: none; }

em { color: #ffffff; }

#tweetContainer {
    padding-top: 50px;
}

.vizButton {
    float:right;

}



